.sdwebui .input-text {
    align-self: normal;
    height: 24px;
    flex: 1;
    border-radius: 4px;
    margin-right: 16px;
    transition: all 100ms ease-out;
    padding-left: 5px;
    background-color: var(--overlay_active);
}

.sdwebui .input-text:last-child {
    margin-right: 0;
}

.sdwebui .input-text-active-show {
    align-self: normal;
    height: 24px;
    flex: 1;
    border-radius: 4px;
    transition: 200ms;
    font-family: inherit !important;
    color: var(--text_secondary_2) !important;
}

.sdwebui .input-text-active-show:focus {
    text-indent: 8px;
    background-color: var(--overlay_active);
}

.sdwebui .q-switch__disabled {
    opacity: 0.5;
    pointer-events: none;
}

.sdwebui .disabled-switch .q-switch {
    pointer-events: none;
    opacity: 0.5;
}

.sdwebui .disabled-switch .q-switch {
    pointer-events: none;
    opacity: 0.5;
}

@media (prefers-color-scheme: light) {
    .sdwebui .text_color {
        color: black;
    }
}

@media (prefers-color-scheme: dark) {
    .sdwebui .text_color {
        color: white;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --background-color: #ffffff;
        --background-color-008: rgba(255, 255, 255, 0.08);
        --hover-background: rgba(0, 0, 0, 0.08);
        --btn-danger-bg: rgba(245, 108, 108, 0.1) !important;
        --btn-danger-border: rgba(245, 108, 108, 0.3) !important;
        --btn-danger-textcolor: rgba(245, 108, 108, 1) !important;
        --btn-hover-danger-bg: rgba(245, 108, 108, 1) !important;
        --btn-hover-danger-border: rgba(255, 108, 108, 1) !important;
        --btn-hover-danger-textcolor: rgba(255, 255, 255, 0.9) !important;
        --btn-active-danger-bg: rgb(221, 99, 99) !important;
        --btn-active-danger-border: rgb(221, 99, 99) !important;
        --btn-active-danger-textcolor: rgba(255, 255, 255, 0.9) !important;
        --text_secondary_2: rgba(0, 0, 0, 0.85);
        --text: #000000;
        --placeholder-color: rgba(0, 0, 0, 0.75);
        --mask-bg: rgba(0, 0, 0, 0.3);
        --msgbox-bg: rgba(255, 255, 255, 1);
        --msgbox-shadow: 0 15px 20px rgba(0, 0, 0, 0.15);
        --seletc-list-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #303030;
        --background-color-008: rgba(0, 0, 0, 0.08);
        --hover-background: rgba(255, 255, 255, 0.08);
        --btn-danger-bg: rgba(245, 108, 108, 0.1) !important;
        --btn-danger-border: rgba(245, 108, 108, 0.3) !important;
        --btn-danger-textcolor: rgba(245, 108, 108, 1) !important;
        --btn-hover-danger-bg: rgba(245, 108, 108, 0.5) !important;
        --btn-hover-danger-border: rgba(245, 108, 108, 0.5) !important;
        --btn-hover-danger-textcolor: rgba(255, 255, 255, 0.9) !important;
        --btn-active-danger-bg: rgba(245, 108, 108, 0.6) !important;
        --btn-active-danger-border: rgba(245, 108, 108, 0.6) !important;
        --btn-active-danger-textcolor: rgba(255, 255, 255, 0.9) !important;
        --text_secondary_2: rgba(255, 255, 255, 0.85);
        --text: #ffffff;
        --placeholder-color: rgba(255, 255, 255, 0.75);
        --mask-bg: rgba(0, 0, 0, 0.3);
        --msgbox-bg: rgb(36, 36, 36);
        --btn-bg: rgba(38, 38, 38, 1);
        --msgbox-shadow: 0 15px 40px 25px rgba(0, 0, 0, 0.3);
        --seletc-list-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    }
}